<script setup lang="ts">
import ChannelNav from './components/ChannelNav.vue';
import ArticleList from './components/ArticleList.vue'
// import { ref } from 'vue';

// // 默认频道 id: 0 为推荐
// const channelId = ref(0)

// // 修改频道 id 的回调函数，传递给子组件，子组件调用后回传 id
// const updateChannelId = (id: number) => {
//   channelId.value = id
// }
</script>

<template>
  <!-- 
    父传子 ： 通过 defineProps 和 v-bind:  传递数据
    子传父 ： 通过 defineEmits 和 v-on: 传递函数，调用函数回传数据
  -->
  <ChannelNav />
  <ArticleList />
  <!-- 路由视口 -->
  <router-view />
</template>